<template>
    <view @tap="__e" :class="['item-container', '', 'grid1', 'data-v-3d2c11a6', theme]" :data-event-opts="[['tap', [['$emit', ['click']]]]]" hoverClass="hover">
        <view class="thumb-c data-v-3d2c11a6">
            <image :class="['p-tag', 'data-v-3d2c11a6', 'location-' + info.image_tag.location]" :src="info.image_tag.image" v-if="info.image_tag"></image>
            <image class="thumb data-v-3d2c11a6" mode="widthFix" :src="info.thumb + '?x-oss-process=image/resize,w_300'"></image>
            <view class="presell-c data-v-3d2c11a6" v-if="info.is_presell">预售</view>
        </view>
        <view class="body data-v-3d2c11a6">
            <view class="data-v-3d2c11a6" style="display: flex; align-items: center">
                <view class="title data-v-3d2c11a6">{{ info.title }}</view>
                <view class="tag data-v-3d2c11a6">
                    <image class="data-v-3d2c11a6" mode="heightFix" src="https://img121.7dun.com/newimages/newyi/tag.png"></image>
                    {{ '' + tagString }}
                </view>
            </view>
            <view class="bottom data-v-3d2c11a6">
                <view class="data-v-3d2c11a6" style="display: flex; justify-content: flex-end">
                    <view class="data-v-3d2c11a6" v-if="info.pattern != undefined">
                        <view class="yifanshang data-v-3d2c11a6">
                            <view class="jingji data-v-3d2c11a6" v-if="info.pattern == 0">竞技一番赏</view>
                            <view class="suoxiang data-v-3d2c11a6" v-if="info.pattern == 1">锁箱一番赏</view>
                        </view>
                    </view>
                    <view class="data-v-3d2c11a6" v-if="info.is_lord != undefined">
                        <view class="yifanshang data-v-3d2c11a6" style="height: 18rpx">
                            <view class="suoxiang data-v-3d2c11a6" v-if="info.is_lord == 1">领主挑战</view>
                        </view>
                    </view>
                    <view class="price data-v-3d2c11a6" style="flex: 1">
                        <price-display @__l="__l" class="data-v-3d2c11a6" :info="info" vueId="da3b52e6-1"></price-display>
                    </view>
                </view>
            </view>
        </view>
    </view>
</template>

<script>
import priceDisplay from '@/components/PriceDisplay/PriceDisplay';
import tabBar from '@/components/TabBar/tabBar';
(global.webpackJsonp = global.webpackJsonp || []).push([
    ['components/ActivityItem/Grid1'],
    {
        '5acc': function (t, n, e) {
            'use strict';

            var c = e('6a5d');
            e.n(c).a;
        },
        '5f18': function (t, n, e) {
            'use strict';

            e.d(n, 'b', function () {
                return i;
            });
            e.d(n, 'c', function () {
                return o;
            });
            e.d(n, 'a', function () {
                return c;
            });
            var c = {
                PriceDisplay: function () {
                    return e.e('components/PriceDisplay/PriceDisplay').then(e.bind(null, '6b05'));
                }
            };
            var i = function () {
                this.$createElement;
                this._self._c;
            };
            var o = [];
        },
        '6a5d': function (t, n, e) {},
        '850c': function (t, n, e) {
            'use strict';

            e.r(n);
            var c = e('5f18');
            var i = e('f4c9');
            for (var o in i) {
                if (['default'].indexOf(o) < 0) {
                    (function (t) {
                        e.d(n, t, function () {
                            return i[t];
                        });
                    })(o);
                }
            }
            e('5acc');
            var r = e('f0c5');
            var u = Object(r.a)(i.default, c.b, c.c, false, null, '3d2c11a6', null, false, c.a, void 0);
            n.default = u.exports;
        },
        d8c7: function (t, n, e) {
            'use strict';

            Object.defineProperty(n, '__esModule', {
                value: true
            });
            n.default = void 0;
            var c = {
                props: {
                    info: {
                        type: Object,
                        default: function () {
                            return {};
                        }
                    },
                    tag: {
                        type: String
                    },
                    theme: {
                        type: String,
                        default: function () {
                            return 'default-theme';
                        }
                    }
                },
                data: function () {
                    return {};
                },
                computed: {
                    tagString: function () {
                        return (this.info && this.info.tags && this.info.tags[0]) || ' ';
                    }
                },
                methods: {}
            };
            n.default = c;
        },
        f4c9: function (t, n, e) {
            'use strict';

            e.r(n);
            var c = e('d8c7');
            var i = e.n(c);
            for (var o in c) {
                if (['default'].indexOf(o) < 0) {
                    (function (t) {
                        e.d(n, t, function () {
                            return c[t];
                        });
                    })(o);
                }
            }
            n.default = i.a;
        }
    }
]);
(global.webpackJsonp = global.webpackJsonp || []).push([
    'components/ActivityItem/Grid1-create-component',
    {
        'components/ActivityItem/Grid1-create-component': function (t, n, e) {
            e('543d').createComponent(e('850c'));
        }
    },
    [['components/ActivityItem/Grid1-create-component']]
]);
</script>
<style>
@import './Grid1.css';
</style>
